$(function () {
    $('#link_reg').on('click', function () {
        $('.reg-box').show()
        $('.login-box').hide();
    })
    $('#link_login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide();
    })

    //自定义校验
//解构出form的属性
    const { form,layer } = layui;
    // const form = layui.form 
    form.verify({
        pwd: [/^[\S]{6,16}$/, '校验不通过'],
        repwd(value) {
            const pwd = $('.reg-box [name=password]').val()
            if(value!==pwd) return '两次密码不一致！'
        }
    })

    // 监听注册表单的提交事件
    $('#form-reg').on('submit', function (e) {
        e.preventDefault();
        console.log($(this).serialize());
        $.ajax({
            type: 'POST',
            url: '/api/reguser',
            data: {
                username:$('#form-reg [name=username]').val(),
                password:$('#form-reg [name=password]').val()
            },
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message);
                }
                layer.msg('注册成功');
                $('#link_login').click();
            }
           
        })
        
    })
    // 监听登录表单的提交事件
    $('#form-login').on('submit', function (e) {
        e.preventDefault();
        // console.log($(this).serialize());
        $.ajax({
            type: 'POST',
            url: '/api/login',
            data: $(this).serialize(),
            success(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message || '登录失败')
                }
                layer.msg('登录成功')
                //存储token
                localStorage.setItem('token',res.token)
                //跳转页面
                location.href = '/index.html';

            }
            
        })
    })
})

